<template>
  <!-- <view class="content" ref="appContent"> -->
    <router-view class="appPage" />
  <!-- </view> -->
</template>
<script>
export default {
  onLaunch: function () {
    console.log('App Launch')
  },
  onShow: function () {
    console.log('App Show')
  },
  onHide: function () {
    console.log('App Hide')
  },
  created () {
  }
}
</script>

<style lang='scss'>
.content {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  // 隐藏滚动条
  ::-webkit-scrollbar {
    display: none;
  }

  .appPage {
    flex: 1;
    // overflow: hidden;
    // overflow-y: auto;
    // padding: 0 15px;
  }
}
html,
body {
  height: 100%;
  background-color: #eeeade;
}

/* uniapp设置全局的padding
 */
page {
  // padding: 0 15px 0px 15px;
  height: 100%;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-cc {
  display: flex;
  justify-content: center;
  align-items: center;
}
.input {
  border-radius: 2px;
  padding: 5px 10px 5px 15px;
  margin: 5px 0;
  height: 42px;
  border: none;
}
.flex {
  display: flex;
}
.flex-sc {
  display: flex;
  align-items: center;
}
.flex-sb {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wh-24 {
  width: 24px !important;
  height: 24px !important;
}
.no-default-style {
  border: none !important;
  outline: none !important;
  background: none !important;
  box-shadow: none !important;
  // 去掉伪元素的样式
  &::before {
    content: none !important;
  }
  &::after {
    content: none !important;
  }
  // disablede 颜色还是灰色
  &:disabled {
    color: #f7f7f7 !important;
  }
  /* 添加其他样式 */
}
.view-disabled {
  opacity: 0.5; /* 降低不透明度以表示禁用状态 */
  pointer-events: none; /* 禁止视图上的交互事件 */
  /* 其他样式属性，如背景色、文本颜色等 */
}
.flex-scrollBox {
  padding: 0 15px;
  flex: 1;
  overflow: hidden;
  overflow-y: auto;
}
.flex-scrollBox::after {
  content: "";
  display: block;
  height: 150px;
}
</style>
